* {
	margin: 0;
	padding: 0;
}

div {
	background-color: #eee;
	border: #999 1px solid;
}

.container{
	height:	510px;
	padding: 20px 160px 0px 240px;
	margin: 20px;
	box-sizing: border-box;
	min-width: 500px;
}

.middle{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.left{
	width: 200px;
	height: 120px;
	float: left;
	margin-left:-100%;
	position: relative;
	box-sizing: border-box;
	left: -220px;

	padding: 20px;
} 

.right{
	width: 120px;
	height: 450px;
	float: left;
	margin-left: -120px;
	position: relative;
	box-sizing: border-box;
	left: 140px;
}

.container > div {
	background-color: #fff;
}

.left .teamlogo {
	width: 80px;
	height: 80px;
	background-color: #eee;
	text-align: center;
	display: table;
}

.teamlogo p {
	display: table-cell; vertical-align:middle; text-align:center;
}

.left .teamname {
	position: absolute;
	width: 60px;
	top: 20px;
	right: 20px;
	margin: 0 auto;
}

.left > p{
	position: absolute;
	top: 20px;
	right: 20px;
}

.middle {
	text-align: center;
}

.right {
	padding: 20px 20px 0 20px;
}

.right .perlogo {
	width: 80px;
	height: 80px;
	margin-bottom: 20px;
	position: relative;
	display: table;
}

.right .perlogo p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}